<div class="top-bar">
    <div class="container">
        <div class="row d-flex align-items-center">
            <div class="col-md-6 d-md-block d-none">
                <p>Tel：{$addonMess.contact.tel} ； E-mail：{$addonMess.contact.email}</p>
            </div>
            <div class="col-md-6">
                <div class="d-flex justify-content-md-end justify-content-between">
                    <ul class="list-inline contact-info d-block d-md-none">
                        <li class="list-inline-item"><a href="#"><i class="fa fa-phone"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-envelope"></i></a></li>
                    </ul>
                    <!-- <div class="login"><a href="#" data-toggle="modal" data-target="#login-modal" class="login-btn"><i class="fa fa-sign-in"></i><span class="d-none d-md-inline-block">登陆</span></a><a href="customer-register.html" class="signup-btn"><i class="fa fa-user"></i><span class="d-none d-md-inline-block">注册</span></a></div> -->
                    <!-- <ul class="social-custom list-inline">
                  <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li class="list-inline-item"><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li class="list-inline-item"><a href="#"><i class="fa fa-envelope"></i></a></li>
                </ul> -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Top bar end-->
<!-- Login Modal-->
<!-- <div id="login-modal" tabindex="-1" role="dialog" aria-labelledby="login-modalLabel" aria-hidden="true" class="modal fade">
    <div role="document" class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="login-modalLabel" class="modal-title">用户 登录</h4>
                <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <form action="customer-orders.html" method="get">
                    <div class="form-group">
                        <input id="email_modal" type="text" placeholder="email" class="form-control">
                    </div>
                    <div class="form-group">
                        <input id="password_modal" type="password" placeholder="password" class="form-control">
                    </div>
                    <p class="text-center">
                        <button class="btn btn-template-outlined"><i class="fa fa-sign-in"></i> 登录</button>
                    </p>
                </form>
                <p class="text-center text-muted">Not registered yet?</p>
                <p class="text-center text-muted"><a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1 minute and gives you access to special discounts and much more!</p>
            </div>
        </div>
    </div>  
</div> -->
<!-- Login modal end-->
<!-- Navbar Start-->
<header class="nav-holder make-sticky">
    <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
        <div class="container"><a href="/" class="navbar-brand home"><img src="{$systems.logo}" alt="Universal logo" class="d-none d-md-inline-block"><img src="/static/home/img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none"><span class="sr-only">Universal - go to homepage</span></a>
            <button type="button" data-toggle="collapse" data-target="#navigation" class="navbar-toggler btn-template-outlined"><span class="sr-only">Toggle navigation</span><i class="fa fa-align-justify"></i></button>
            <div id="navigation" class="navbar-collapse collapse">
                <ul class="nav navbar-nav ml-auto">
                    <li class="nav-item dropdown active"><a href="/">首页 <b class="caret"></b></a></li>
                    {volist name="channel" id="v"}
                    {if condition="count($v.child) gt 0"}
                    <li class="nav-item dropdown"><a href="javascript: void(0)" data-toggle="dropdown" class="dropdown-toggle">{$v.name} <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            {volist name="v.child" id="y"}                            
                            {if condition="count($y.child) gt 0"}
                            <li class="dropdown-item dropdown-submenu"><a id="navbarDropdownMenuLink2" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">{$y.name}</a>
                                <ul aria-labelledby="navbarDropdownMenuLink2" class="dropdown-menu">
                                  {volist name="y.child" id="z"}
                                    <li class="dropdown-item"><a href="/home/{$z.contro}/index/id/{$z.id}.html" class="nav-link">{$z.name}</a></li>
                                    {/volist}
                                </ul>
                            </li>
                            {else/}
                            <li class="dropdown-item"><a href="/home/{$y.contro}/index/id/{$y.id}.html" class="nav-link">{$y.name}</a></li>
                            {/if}
                            {/volist}
                        </ul>
                    </li>
                   <!--  <li class="nav-item dropdown menu-large"><a href="#" data-toggle="dropdown" class="dropdown-toggle">{$v.name}<b class="caret"></b></a>
                        <ul class="dropdown-menu megamenu">
                            <li>
                                <div class="row">
                                    {volist name="v.child" id="y"}
                                    <div class="col-lg-2 col-md-6">
                                        <h5>{$y.name}</h5>
                                        <ul class="list-unstyled mb-3">
                                            {volist name="y.child" id="z"}
                                            <li class="nav-item"><a href="/home/{$z.contro}/index.html" class="nav-link">{$z.name}</a></li>
                                            {/volist}
                                        </ul>
                                    </div>
                                    {/volist}
                                           <div class="col-lg-2 col-md-6">
                                        <h5>视频</h5>
                                        <ul class="list-unstyled mb-3">
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">宣传片</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">纪录片</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">短视频</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">MV</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">会议/访谈</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <h5>文案</h5>
                                        <ul class="list-unstyled mb-3">
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">剧本脚本</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">微信推文</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">演讲稿/发言稿</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">新闻资讯</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">总结/汇报</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">PPT排版</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <h5>策划</h5>
                                        <ul class="list-unstyled mb-3">
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">品牌策划</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">视频编导</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">文化建设</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">形象设计</a></li>
                                            <li class="nav-item"><a href="/index/case/index.html" class="nav-link">活动策划</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li> -->
                    {else/}
                    <li class="nav-item"><a href="/home/{$v.contro}/index/id/{$v.id}.html">{$v.name} <b class="caret"></b></a></li>
                    {/if}
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</header>